<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>头部</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
</head>

<body>
  <!-- 头部 -->
  <header class="header">
    <div class="header-top">
      <span>全国服务热线：400-000-0000</span>
      <span>设为首页</span>
      <span>加入收藏</span>
    </div>
    <div class="header-next">
      <div class="header-next-img">
        <img src="./assets/images/S-logo.png" alt="logo">
      </div>
      <div class="header-next-text">
        <p>TK科技有限公司</p>
        <p>cer dcd keo Holdings Co., Ltd.</p>
      </div>
      <nav class="header-next-list">
        <ul>
          <li><a href="./index.html">
            <p>首页</p>
            <p>Home</p></a>
          </li>
          <li>
            <p>关于我们</p>
            <p>About</p>
          </li>
          <li><a href="./product.html">
            <p>产品中心</p>
            <p>Products</p></a>
          </li>
          <li>
            <p>服务支持</p>
            <p>Sevice</p>
          </li>
          <li>
            <p>新闻中心</p>
            <p>News</p>
          </li>
          <li>
            <p>在线商店</p>
            <p>Shop</p>
          </li>
          <li>
            <p>联系我们</p>
            <p>Contact Us</p>
          </li>
        </ul>
      </nav>
    </div>
  </header>
</body>

</html>